.c-page-table {
  background: #f3f7fb;
  height: 100%;
  .c-page-table__body-wrapper {
    width: 100%;
    .c-page-table__body {
      flex: 1;
      flex-shrink: 0;
      border-radius: 4px;
      margin: 16px;
      background: #ffffff;
      .c-page-table__body-main {
        padding: 0 0 16px;
        &.c-page-table__body-main--hide-search-bar {
          padding-top: 20px
        }
        .body-main__tabs-filter {
          width: 100%;
          height: 48px;
          .el-tabs {
            --el-tabs-header-height: 48px;
            /* 第一个tab左边距 */
            &.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
              padding-left: 20px !important;
            }
            .el-tabs__nav-wrap::after {
              height: 1px;
              background-color: #f2f3f5;
            }
            .el-tabs__item {
              font-size: 14px;
              font-weight: 400;
              color: #435970;
              &.is-active {
                font-weight: 600;
                color: #0a1f33;
              }
              &:hover {
                color: #0a1f33;
              }
            }
          }
        }
        .body-main__table {
          padding: 0 20px;
        }
      }
      &.c-page-table__body--show-fixed-bar {
        margin-bottom: 60px;
      }
    }
    &.c-page-table__body-wrapper--overflow {
      flex: 0;
      display: flex;
      height: calc(100vh - 50px - 40px - 56px);
      overflow-x: hidden;
      overflow-y: auto;
      .c-page-table__body {
        height: fit-content;
      }
    }
    &.c-page-table__body-wrapper--has-sidebar {
      .c-page-table__body {
        width: calc(100% - 216px - 32px);
        height: min-content;
      }
    }
  }
  

  &.c-page-table--detail {
    background: #fff;
    border-radius: 3px;
    .c-page-header {
      padding: 0;
      margin: 0 20px;
      width: calc(100% - 40px);
      border-bottom: 1px solid #f2f3f5; 
      .header-left__title {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #0A1F33;
        line-height: 22px;
      }
    }
    .c-page-table__body {
      margin: 0;
    }
  }
  &.c-page-table--detail-small {
    .body-main__filter {
      padding: 8px 20px;
      min-height: 48px;
      .filter-fixed-buttons {
        bottom: 8px;
      }
    }
  }
}
.c-page-table--border {
  border: 1px solid #e4e7ed;
  border-bottom: none;
}

.c-column-field-setting__popover.el-popover {
  --el-popover-padding: 0;
}
